<template>
 <div id="app">
<!-- 只允许有一个根标签 -->
<!--  v-model 获取表单控件双向数据 .他的三个修饰符方法-->
<input type="text" placeholder="登陆" v-model.trim="text">
<input type="password" placeholder="密码" v-model.trim="pass">
<button @click="login">登陆获取数据</button>
 </div>

</template>

<script>
export default {
 name: "App",
 // 插值表达式使用的变量放在data函数的返回对象里
 data() {
  return{
text:"",
pass:""
 }
 },methods:{
login(){
    console.log(this.text,this.pass);
}
 }
};
</script>

<style>
div {
color: plum; text-align: center;
}
</style>
